<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<%@include file="headScriptHH.jsp"%>
</head>
<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU-->
		
		<!-- BEGIN RIGHT DETAIL-->
		<div class="col-sm-12 col-xs-12" id="right-side">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> นำเข้าข้อมูลการอ่านมาตร</div>
			<!--End navigator-bar-->
			<div>
				<div id="page-header" class="clearfix">
					<div>นำเข้าข้อมูลการอ่านมาตร</div>
				</div>
				<div id="success_message" class="alert alert-success hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span> ${message_success} </div>
				<div id="error_message" class="alert alert-danger hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x fa-inverse"></i> </span> ${message_error} </div>
	
				
		<div>	
			<div class="form-detail clearfix">
				<form role="form">
					<div class="search-box  no-radius">
						<div class="form-group clearfix search-header no-radius">
							<div class="pull-left">ระบุการอัพโหลดข้อมูลการอ่านมาตร</div>
							<div class="pull-right">
								<div id="hide-button"><i class="fa fa-chevron-circle-up"></i></div>
							</div>
						</div>
						<div id="box-body">
										<div class="form-group clearfix mt-20">
											<div class="col-sm-4 mt-5" align="right">
												<label>เลือกข้อมูลการอ่านมาตร</label>
											</div>
											<div class="col-sm-8 mt-5"
												onclick="document.getElementById('btnFile').click();">
												<input id="btnFile" type="file" style="display: none;"
													onchange="document.getElementById('file').value=this.value.substring(this.value.lastIndexOf('\\')+1);">
												<input id="file" type="text" style="width: 200px;"
													disabled="disabled">
												<input type="button" class="btn btn-primary"
													value="เลือกไฟล์" />
											</div>

										</div>
										<div class="form-group mt-20 clearfix search-footer no-radius">
											<div class="col-sm-12 text-center">
												<button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> อัพโหลดข้อมูลการอ่านมาตร</button>
											</div>
										</div>
									</div>
					</div>
				</form>
			</div>
			<!-- End form-detail -->
		</div>	
			</div>
			<!-- End detail-area -->
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
		<!-- END RIGHT DETAIL--> 
		
	</div>
	<!-- End Detail-area--> 
</div>
<!-- End Wrapper --> 
</body>
</html>